<!-- message: 消息list的页面 -->
<div class="rong-message-list">
    {%if(this.firstEnter){%}<div class="rongcloud-Messages-history" style="display: none;"><b onclick="RCS.loadHisMessages()">查看历史消息</b></div>{%}else if(this.hasMore){%}<div class="rongcloud-Messages-history"><b onclick="RCS.loadHisMessages()">查看历史消息</b></div>{%}%}{%else{%}<div class="rongcloud-Messages-history"><b>没有更多消息</b></div>{%}%}
    {%for(var index in this.list){%}{%switch(this.list[index].messageType){%}{%case 'TextMessage':%}
    <div class="rongcloud-Message rongcloud-clearfix {%if(this.list[index].messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">
        <div>
            <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user.icon){%}{%this.list[index].content.user.icon%}{%}else{%} {%'./images/kefu.png'%} {%}%} {%}else{%} {%'http://7xo1cb.com1.z0.glb.clouddn.com/rongcloudkefu2.png'%} {%}%}" alt="">
                <div class="rongcloud-Message-author rongcloud-clearfix">
                  <a class="rongcloud-author">{%if(this.list[index].messageDirection != 1){%}{%this.list[index].content.user.name%}{%}else{%} {%'我'%} {%}%}</a>
                </div>
            </div>
        </div>
        <div class="rongcloud-Message-body">
            <div class="rongcloud-Message-text">
                <pre class="rongcloud-Message-entry">{%this.list[index].content.content%}</pre>
            </div>
        </div>
    </div>{%break;%}
    {%case 'ImageMessage':%}
    <div class="rongcloud-Message rongcloud-clearfix {%if(this.list[index].messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">
        <div>
            <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user.icon){%}{%this.list[index].content.user.icon%}{%}else{%} {%'./images/kefu.png'%} {%}%} {%}else{%} {%'http://7xo1cb.com1.z0.glb.clouddn.com/rongcloudkefu2.png'%} {%}%}" alt="">
                <div class="rongcloud-Message-author rongcloud-clearfix">
                  <a class="rongcloud-author">{%if(this.list[index].messageDirection != 1){%}{%this.list[index].content.user.name%}{%}else{%} {%'我'%} {%}%}</a>
                </div>
            </div>
        </div>
        <div class="rongcloud-Message-body">
            <div class="rongcloud-Message-img">
                <span class="rongcloud-Message-entry">
                    <a onclick="RCS.viewImage(event)" class="cursor-pointer" data-img="{%this.list[index].content.imageUri%}">
                        <img src="{%this.list[index].content.imageUri%}" data-img="{%this.list[index].content.imageUri%}">
                    </a>
                </span>
            </div>
        </div>
    </div>{%break;%}
    {%case 'FileMessage':%}
    <div class="rongcloud-Message rongcloud-clearfix {%if(this.list[index].messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">
        <div>
            <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user.icon){%}{%this.list[index].content.user.icon%}{%}else{%} {%'./images/kefu.png'%} {%}%} {%}else{%} {%'http://7xo1cb.com1.z0.glb.clouddn.com/rongcloudkefu2.png'%} {%}%}" alt="">
                <div class="rongcloud-Message-author rongcloud-clearfix">
                  <a class="rongcloud-author">{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user){%}{%this.list[index].content.user.name%}{%}else{%} {%'客服'%} {%}%}  {%}else{%} {%'我'%} {%}%}</a>
                </div>
            </div>
        </div>
        <div class="rongcloud-Message-body">
            <div class="rongcloud-Message-file">
                <div class="rongcloud-sprite rongcloud-file-icon"></div>
                <div class="rongcloud-file-name">{%this.list[index].content.name%}</div>
                <div class="rongcloud-file-size">{%this.list[index].content.size%}</div>
                <a class="rongcloud-sprite rongcloud-file-download" href="{%this.list[index].content.fileUrl%}" download="{%this.list[index].content.name%}"></a>
            </div>
        </div>
    </div>{%break;%}
    {%case 'VoiceMessage':%}
    <div class="rongcloud-Message rongcloud-clearfix {%if(this.list[index].messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">
        <div>
            <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user.icon){%}{%this.list[index].content.user.icon%}{%}else{%} {%'./images/kefu.png'%} {%}%} {%}else{%} {%'http://7xo1cb.com1.z0.glb.clouddn.com/rongcloudkefu2.png'%} {%}%}" alt="">
                <div class="rongcloud-Message-author rongcloud-clearfix">
                  <a class="rongcloud-author">{%if(this.list[index].messageDirection != 1){%}{%this.list[index].content.user.name%}{%}else{%} {%'我'%} {%}%}</a>
                </div>
            </div>
        </div>
        <div class="rongcloud-Message-body">
            <div class="rongcloud-Message-audio">
                <span class="rongcloud-Message-entry">
                    {%if(this.messageDirection == 1){%}
                        <div style="display:inline-block;">
                            <span class="rongcloud-audioTimer">{%Math.ceil(this.list[index].content.duration || this.list[index].content.duration / 1024)%}''</span>
                        </div>
                        <span class="rongcloud-r-audioBox rongcloud-clearfix" onclick='RCS.play(event, {%JSON.stringify(this.list[index].content)%})'>
                            <i></i><i></i><i></i>
                        </span>
                    {%}else{%}
                        <span class="rongcloud-audioBox rongcloud-clearfix" onclick='RCS.play(event, {%JSON.stringify(this.list[index].content)%})'>
                            <i></i><i></i><i></i>
                        </span>
                        <div style="display:inline-block;">
                            <span class="rongcloud-audioTimer">{%Math.ceil(this.list[index].content.duration || this.list[index].content.duration / 1024)%}''</span>
                        </div>
                    {%}%}
                </span>
            </div>
        </div>
    </div>{%break;%}
    {%case 'TimeMessage':%}
    <div class="rongcloud-Messages-date">
        <b>{%this.list[index].sentTime%}</b>
    </div>{%break;%}
    {%case 'InformationNotificationMessage':%}
    <div class="rongcloud-sys-tips">
        <span>{%this.list[index].content.message%}</span>
    </div>{%break;%}
    {%case 'PullLeaveMessage':%}
    <div class="rongcloud-sys-tips">
        <span>{%this.list[index].content.content%}</span>
    </div>{%break;%}
    {%case 'SightMessage': %}
    <div class="rongcloud-Message rongcloud-clearfix {%if(this.list[index].messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">
        <div>
            <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user.icon){%}{%this.list[index].content.user.icon%}{%}else{%} {%'./images/kefu.png'%} {%}%} {%}else{%} {%'http://7xo1cb.com1.z0.glb.clouddn.com/rongcloudkefu2.png'%} {%}%}" alt="">
                <div class="rongcloud-Message-author rongcloud-clearfix">
                  <a class="rongcloud-author">{%if(this.list[index].messageDirection != 1){%}{%this.list[index].content.user.name%}{%}else{%} {%'我'%} {%}%}</a>
                </div>
            </div>
        </div>
        <div class="rongcloud-Message-body">
            <div class="rongcloud-Message-sight" onclick="RCS.playVideo(event)">
                <video poster="{% 'data:image/jpg;base64,' + this.list[index].content.content %}" src="{% this.list[index].content.sightUrl %}"></video>
                <div class="play-btn"></div>
            </div>
        </div>
    </div>
    {%break;%}
    {%default: %}
    <div class="rongcloud-Message rongcloud-clearfix {%if(this.list[index].messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">
        <div>
            <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user.icon){%}{%this.list[index].content.user.icon%}{%}else{%} {%'./images/kefu.png'%} {%}%} {%}else{%} {%'http://7xo1cb.com1.z0.glb.clouddn.com/rongcloudkefu2.png'%} {%}%}" alt="">
                <div class="rongcloud-Message-author rongcloud-clearfix">
                  <a class="rongcloud-author">{%if(this.list[index].messageDirection != 1){%}{%this.list[index].content.user.name%}{%}else{%} {%'我'%} {%}%}</a>
                </div>
            </div>
        </div>
        <div class="rongcloud-Message-body">
            <div class="rongcloud-Message-text">
                <pre class="rongcloud-Message-entry">当前版本暂不支持查看此消息</pre>
            </div>
        </div>
    </div>{%}%}{%}%}
</div>

<!-- <div class="rongcloud-emptyBox">暂时没有新消息</div> -->